<template>
    <div><div v-for="o in 4" :key="o" class="text item">
        <el-card class="box-card" shadow>       
    <el-table :data="tableData"  style="width: 100%">
    <el-table-column prop="order" label="订单号" width="180" align="center"></el-table-column>
    <el-table-column prop="car" label="车辆信息" width="180" align="center" ></el-table-column>
    <el-table-column prop="date" label="日期" width="180" align="center" ></el-table-column>
    <el-table-column prop="day" label="租车天数" width="180" align="center"></el-table-column>
    <el-table-column prop="price" label="付款价格" width="100" align="center"></el-table-column>
  </el-table></el-card>
            </div>
 </div>
</template>

<script>
export default {
   data() {
      return {
        tableData: [{
          order:'001',car:'大众蔚蓝2.0t',date: '2021/7/30',
          day:'2',price: '$360'        
         
        }]
      }

   }
}
</script>

<style>
  .text {
    font-size: 14px;
  }

  .item {
    padding: 18px 0;
  }

  .box-card {
    width: 1000px;
  }
</style>